<!-- 用户管理 -->
<!-- 用户列表 -->
<!-- 用户管理 -->
<template>
  <div class="page-box h100 display-flex czbj">
      <p class="title-label">用户列表</p>
      <div class="mt10">
          <dxtable czWidth="240" :dataJson="dataJson" :formJson="formJson" :portUrl="portUrl" :isshowXz="false" :qx="qx"
              ref="databale">
          </dxtable>
      </div>
  </div>
</template>
<script lang='ts' setup>
import dxtable from "./../../components/util/dxtable.vue";
import { dxget, dxpost, qurl, hf } from "./../../util/index";
import { h, ref, reactive } from "vue";
import { NButton,NImage } from "naive-ui"
import expenseCalendar from "./expenseCalendar.vue";
const showModal = ref(false)
const openid = ref()
const initeer = () => {
  databale.value.initDataExpose();
};
const databale = ref();
// 弹窗公用该列表
let dataJson = reactive([
  {
      title: '头像',
      key: 'headimgurl',
      render(row) {
        if(row.headimgurl){
          return h(NImage, { src: row.headimgurl, "class": "jfimg imgjz cz" })
        }else{
          return '--'
        }
      
      }
  },
  {
      title: "昵称",
      key: "nickname",
      search: true, // 是否在搜索栏展示
  },
  {
      title: "openid",
      key: "openid",
  },

  {
      title: "登录ip",
      key: "ip",
  },
  {
      title: "所在城市",
      key: "city",
  },
]);
const Userid = localStorage.id
let portUrl = "studyAbroad/jfuserList";
const qx = {
  DeletePermissionID: "jfuserManagementdel", //删除
  EditPermissionIdentifier: "jfuserManagementbj", // 编辑
  NewPermissionIdentifier: "jfuserManagementxz", // 新建
  ViewPermissionID: "jfuserManagementck", // 查看
};
let formJson = reactive([

  {
      title: "头像",
      key: "headimgurl",
      type: "img",
      required: true,
  },
  {
      title: "昵称",
      key: "nickname",
      type: "input",
  }
])
</script>


